<template>
    <div id="shopping">
        <bbsAside :shownavmsg='showmsg'></bbsAside>
        <shopMenu @shownavs="navtransition"></shopMenu>
        <!-- 123456 -->

    </div>
</template>


<script type="text/javascript">
    import bbsAside from '@/components/bbs/bbsAside'
    import shopMenu from '@/components/shopping/shopMenu'
    export default {
        name:'shopping',
        components:{
            'bbsAside':bbsAside,
            'shopMenu':shopMenu
        },
        data(){
            return {
                showmsg:''
            }
        },
        methods:{
            navtransition(v){
                this.showmsg=v;
            }
        }
    }


</script>


<style type="text/css" lang='less'>
    #shopping{
        position:relative;
        height:100vh;
        overflow-y:hidden;
    }
</style>
